/*我的账户*/
body { background: #fafafa; }
.myAccount-top-nav { position: relative; top: -12px; height: 40px; line-height: 40px; }
.myAccount-top-nav a, .myAccount-top-nav span { float: left; }
.myAccount-top-nav a { font-size: 14px; color: #838383; }
.myAccount-top-nav a:hover { color: #11ADFF; }
.myAccount-top-nav span { padding: 0 3px; }
.myAccount-top-nav .cur, .myAccount-top-nav .cur:hover { color: #2C3337; }
.toCK:hover { cursor: pointer; }
.myAccount-bd { position: relative; top: -12px; }

/*右侧导航菜单*/
.nav-list { width: 178px; border: 1px solid #E6E6E6; border-radius: 4px; overflow: hidden; }
.nav-list .title { position: relative; display: block; height: 50px; line-height: 50px; padding-left: 52px; font-size: 16px; background-color: #fff; color: #333333; }
.nav-list .title i { position: absolute; top: 21px; right: 20px; width: 10px; height: 7px; background: url(../images/acount_arrow_sprite.png) no-repeat; }
.nav-list .title_on { background: #11ADFF; color: #fff; }
.nav-list .item01, .nav-list .item02, .nav-list .item03, .nav-list .item04, .nav-list .item05, .nav-list .item06, .nav-list .item07 { background-image: url(../images/account_sprite.png); background-repeat: no-repeat; -webkit-transition: background-position .35s ease-in-out, background-color .3s ease; -moz-transition: background-position .35s ease-in-out, background-color .3s ease; -ms-transition: background-position .35s ease-in-out, background-color .3s ease; -o-transition: background-position .35s ease-in-out, background-color .3s ease; transition: background-position .35s ease-in-out, background-color .3s ease; }
.nav-list .title:hover { color: #FFF; background-color: #11ADFF; }
.nav-list .item01 { background-position: 0 0; }
.nav-list .item01:hover { background-position: -50px 0; }
.nav-list .item02 { background-position: 0 -50px; }
.nav-list .item02:hover { background-position: -50px -50px; }
.nav-list .item02:hover i { background-position: 0 -14px; }
.nav-list .item03 { background-position: 0 -100px; }
.nav-list .item03:hover { background-position: -50px -100px; }
.nav-list .item04 { background-position: 0 -150px; }
.nav-list .item04:hover { background-position: -50px -150px; }
.nav-list .item04:hover i { background-position: 0 -14px; }
.nav-list .item05 { background-position: 0 -200px; }
.nav-list .item05:hover { background-position: -50px -200px; }
.nav-list .item05:hover i { background-position: 0 -14px; }
.nav-list .item06 { background-position: 0 -250px; }
.nav-list .item06:hover { background-position: -50px -250px; }
.nav-list .item07 { background-position: 0 -300px; }
.nav-list .item07:hover { background-position: -50px -300px; }
.sub_nav { display: none; background: #E7E7E7; }
.sub_nav a { display: block; height: 38px; line-height: 38px; padding-left: 52px; color: #656565; font-size: 16px; }
.sub_nav a:hover, .sub_nav .active { color: #11ADFF; }
.sub_nav a span { display: inline-block; width: 15px; height: 15px; border-radius: 50%; background: #fd3f3f; color: #fff; font-size: 12px; text-align: center; line-height: 15px; position: relative; top: -1px; }
.main { width: 802px; border-radius: 4px; margin-bottom: 30px; }

/*债权转让*/
.zq_tab_hd { position: relative; height: 48px; line-height: 48px; padding: 12px 56px 0; border-bottom: 1px solid #dfdfdf; font-size: 14px; text-align: center; background-color: #f5f5f5; }
.zq_tab_hd span { display: inline-block; margin: 0 72px; padding: 0 10px; color: #666666; }
.zq_tab_hd span em { display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; margin-right: 6px; background-color: #999999; border-radius: 50%; color: #fff; }
.zq_tab_hd .cur { color: #333333; }
.zq_tab_hd .cur em { background-color: #fd3f3f; color: #fff; }
.zq_tab_hd i { position: absolute; bottom: -2px; width: 100px; height: 3px; overflow: hidden; background: #fd3f3f; }
.zq_tab_con { position: relative; width: 586px; height: 305px; margin: 50px auto 20px; border: 1px solid #18afff; border-radius: 7px; }
.zq_tab_wrap { position: relative; width: 586px; height: 305px; border-radius: 7px; overflow: hidden; }
.zq_tab_content { position: absolute; top: 0; left: 0; bottom: 0; width: 5000px; }
.zq_tab_con_tp { position: absolute; top: -14px; left: 16px; z-index: 100; height: 28px; line-height: 28px; background-color: #12adff; padding: 0 13px; color: #fff; border-radius: 5px; }
.zq_tab_con_item { width: 586px; margin: 0 auto; overflow: hidden; }
.zq_tab .zq_tab_l { float: left; width: 306px; margin-bottom: -500px; padding: 22px 14px 500px 14px; }
.zq_tab .zq_tab_l p { height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; }
.zq_tab .zq_tab_l p b { color: #666; }
.zq_tab_r { float: right; width: 250px; background-color: #fafafa; border-radius: 0 7px 7px 0; overflow: hidden; border-left: 1px solid #e6e6e6; margin-bottom: -500px; padding-bottom: 500px; }
.zq_tab_r p { height: 30px; line-height: 30px; }
.zq_tab_r_top { padding-top: 18px; text-align: center; color: #333333; }
.zq_tab_r_top h4 { height: 34px; line-height: 34px; text-indent: -30px; }
.zq_tab_r_top input { width: 125px; height: 20px; line-height: 20px\9; padding: 4px 16px; border: 1px solid #c0c0c0; border-radius: 3px; color: #333333; font-size: 14px; }
.zq_tab_r_top .input_error { border-color: red; }
.zq_tab_r_top .ranges { height: 84px; }
.zq_tab_r_bottom { padding-top: 10px; padding-bottom: 12px; padding-left: 56px; border-top: 1px dashed #e2e2e2; }
.zq_tab_r_bottom h5 { height: 28px; line-height: 28px; color: #666; font-size: 14px; }
.zq_tab_r_bottom div { color: #333; font-size: 14px; margin-bottom: 5px; }
.zq_tab_r_bottom div strong { color: #fd3f3f; font-size: 20px; margin-right: 5px; }

/*刻度尺*/
.range_wrap { position: relative; width: 180px; margin: 40px auto 48px; }
.range_line { width: 180px; height: 5px; background: #dcdcdc; border-radius: 3px; }
.Kd { position: absolute; top: 7px; width: 1px; height: 4px; background: #dcdcdc; }
.Kd_long { height: 8px; }
.k1 { left: 0; }
.k2 { left: 9px; }
.k3 { left: 18px; }
.k4 { left: 27px; }
.k5 { left: 36px; }
.k6 { left: 45px; }
.k7 { left: 54px; }
.k8 { left: 63px; }
.k9 { left: 72px; }
.k10 { left: 81px; }
.k11 { left: 90px; }
.k12 { left: 99px; }
.k13 { left: 108px; }
.k14 { left: 117px; }
.k15 { left: 126px; }
.k16 { left: 134px; }
.k17 { left: 143px; }
.k18 { left: 152px; }
.k19 { left: 161px; }
.k20 { left: 170px; }
.k21 { left: 179px; }

/*刻度尺数字*/
.digtal { position: absolute; top: 18px; left: 0; font-size: 12px; color: #999; }
.digtal i { font-size: 10px; }
._d1 { left: -14px; }
._d2 { left: 30px; }
._d3 { left: 75px; }
._d4 { left: 120px; }
._d5 { left: 164px; }

/*提示*/
.range_tips { position: absolute; left: 74px; top: -26px; width: 36px; height: 19px; background: #fd3f3f; color: #fff; font-size: 12px; border-radius: 3px; cursor: pointer; }
.range_tips:before { display: block; content: ""; position: absolute; left: 18px; top: 25px; width: 1px; height: 7px; background: #fd3f3f; }
.range_tips:after { display: block; content: ""; position: absolute; bottom: -4px; left: 12.4px; width: 0; height: 0; border-top: 6px solid #fd3f3f; border-left: 6px solid transparent; border-right: 6px solid transparent; }